<template>
	<view class="box">
		<view class="box-container">
			<li class="box-cover">
				<image src="/static/message-me.png" mode=""></image>
			</li>
			<li>新增关注</li>
		</view>
		<view class="box-container">
			<li class="box-cover">
				<image src="/static/message-heart.png" mode=""></image>
			</li>
			<li>收到的赞</li>
		</view>
		<view class="box-container">
			<li class="box-cover">
				<image src="/static/message-message.png" mode=""></image>
			</li>
			<li>评论与回复</li>
		</view>
	</view>
	<view class="">
		<task-moduel></task-moduel>
	</view>
</template>

<script>
	export default {
		name:"message-custom",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.box{
	width: 100%;
	height: 260rpx;
	background-color: aquamarine;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.box-container{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
image{
	width: 60rpx;
	height: 60rpx;
	margin: auto;
}
.box-cover{
	width: 100rpx;
	height: 100rpx;
	background-color: bisque;
	display: flex;
	border-radius: 28rpx;
}

</style>